<template>
<div class="content cot">
	<div class="list-block media-list about-list">
		<themeHeader title="常见问题"></themeHeader>
    <ul class="help-ul">
      <li v-for="(item,i) in aboutItems">
        <div @click="zhankai(i)" isZK=false class="item-link item-content ZK">
        		<div class="item-text help-text">{{item.text}}</div>       
          		<span class="icon icon-right left-right"></span>
        </div>
        <div class="help-about">{{item.about}}</div>
      </li>
    </ul>
  </div>
  </div>
</template>
<style type="text/css">
	.cot{
		margin-top: 2.1rem;
		height: 28.8rem;
	}
	.about-list{
		margin-top: -0.3rem;
	}
	.help-ul{
		top: 0.35rem;
		width: 100%;
		/*height: 10rem;*/
	}
	.help-ul li{
		border-bottom: 0.01rem solid #ddd;
	}
	.help-ul li .item-text{
		font-size: 0.8rem;
		min-height: 0.5rem;
		min-width: 80%;
		width: 20rem;
		height: 1rem;
		line-height: 1.2rem;
	}
	.icon-right,
	.icon-down{
		margin-left: 10%;
	}
	.about-top{
		/*width: 100%;*/
	}
	.help-about{
		/*float: left;*/
		text-indent: 1.5rem;
		font-size: 0.75rem;
		width: 100%;
		display: none;
	}
</style>
<script type="text/javascript">
import ThemeHeader from "./../../home/component/themeHeader.vue";
export default {
	components:{
		ThemeHeader,
		// require,
	},
	data(){
		return{
			bol:false,
			index:0,
			aboutItems:[
				{text:"配送运费如何收取,多少钱包邮?",about:"易果物流自配区域购物满100元(实际支付),免费送货,不满100元的每单收取10元运费.其他区域按照第三方的收费标准执行.部分地方可以购买鲜活商品,购物满500元免费送货,不满500元的每单收取50元运费",},
				{text:"下单后何时可以送达?",about:"次日到达(当日20:00之前下单的,特殊商品除外),定日达(仅限周四周日,当天20:00之前下单,特殊商品除外)",},
				{text:"如何申请退换货?",about:"自客户收取商品起48小时之内,商品未经拆封和食用的情况下,如果你对我们的商品不满意,我们将会提供退换货物的服务.如果商品的质量有问题,可以在官网的[会员中心]-[售后服务]-[在线退换],或者是手机APP端屏幕右下角的[我的交易]-[客服中心]中申请退换.收到申请后,我司专员在一个工作日之内与你联系",},
				{text:"退款何时到账",about:"收到退货后的3-5个工作日",},
				{text:"下错单了,该如何修改?",about:"请你拨打易果客服热线400-000-7788请客服帮忙修改",},
				{text:"哪些情况不受理退换货?",about:"如因客户个人原因造成质量问题的商品,恕不退换",},
				{text:"哪些情况不属于质量问题?",about:"图片以及信息仅供参考,商品一律按照实物为准,因拍摄灯光以及不同显示器色差等问题可能造成的商品图片与实物有一定色差,均不属于质量问题",},
				{text:"退货可以退运费吗?",about:"退货发生时,由于客户原因造成的退货,我们只退回商品的贷款金额,原订单如有相应运费恕不退换,如果是上门安排退货,还需加收送货费,而如果是因为商品的质量问题,易果将退还你相应的商品金额和运费",},
				{text:"退货时,订单中的赠品如何处理?",about:"如有特惠品,退货时,如不满足赠送条件,需将特惠品一同退回,如果特惠品一经拆封和食用,则恕不退换,敬请原谅",},
				{text:"我的钱退到哪了?",about:"发生退货时,款项将原路返回",},
				{text:"退货时,发票需要一起退回吗?",about:"退货时必须退还发票,否则将可能导致无法进行退货,为了你的保障,请妥善保存发票以及配送单",},
				]
			}
		},
	methods:{
		back:function(){

		},
		zhankai(i){
			this.index=i;
			if($(".ZK").eq(i).prop("isZK")==false){
				$(".left-right").eq(this.index).removeClass("icon-down");
				$(".left-right").eq(this.index).addClass("icon-right");
				$(".help-about").eq(this.index).slideUp(); 
				$(".ZK").eq(i).prop("isZK",true);
			}else{
				$(".left-right").eq(this.index).removeClass("icon-right");
				$(".left-right").eq(this.index).addClass("icon-down");
				$(".help-about").eq(this.index).slideDown();
				$(".ZK").eq(i).prop("isZK",false);			
			}
		},
		show(){
			if(localStorage.id < 5){
				$(".left-right").eq(localStorage.id-1).removeClass("icon-right");
				$(".left-right").eq(localStorage.id-1).addClass("icon-down");
				$(".help-about").eq(localStorage.id-1).show();
				$(".ZK").eq(localStorage.id-1).prop("isZK",false);
				return;
			}
		}
	},
	mounted(){
		this.show();
	},
}
</script>
